<template>
  <div class="box">
    <div>
      <van-nav-bar title="习题收藏"  left-arrow @click-left="onClickLeft" @click-right="right">
        <template #right>
          <van-icon name="search" size="18" />
        </template>
      </van-nav-bar>
    </div>

    <div class="sel">
      <van-dropdown-menu>
        <van-dropdown-item v-model="value1" :options="option1" />
      </van-dropdown-menu>
    </div>



    <div>
      <van-empty
          class="custom-image"
          image="https://wap.365msmk.com/img/empty.0d284c2e.png"
          description="暂无收藏记录"
      />
    </div>
  </div>


</template>

<script>
export default {
  data(){
    return{
      value1:0,
      option1: [
        { text: '题目类型', value: 0 },
        { text: '单选', value: 1 },
        { text: '多选', value: 2 },
        { text: '判断', value: 3 },
        { text: '连线', value: 4 },
      ],
    }
  },
  mounted() {

  },
  methods:{
    onClickLeft(){
      this.$router.push('/Practice')
    },
    right(){
      this.$router.push('/search')
    },
  }
}
</script>

<style scoped lang="scss">
.box{
  position: relative;
}

.content {
  position: fixed;
  top:120px;
  height: 180px;
}

</style>